<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>时间选择控件</title>
	<link rel="stylesheet" href="css/date_style.css">
	<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="js/date_js.js"></script>
</head>
<body>
	<div class="wrap">
		<div class="main">
			<input type="text" class="strat_times time_clicks" placeholder="YYYY-MM-DD hh:mm:ss" readonly> -- 
			<input type="text" class="end_times time_clicks" placeholder="YYYY-MM-DD hh:mm:ss" readonly>
		</div>

		<div class="pop_times">
			<div class="pop_times_top">
				<div class="pop_times_top_g pop_times_top_ye">
					<a class="times_top_g_a times_top_g_a_l yeara_jj" href="javascript:void(0);">
						<cite></cite>
					</a>
					<input type="text" class="times_top_g_input yearClicksa" placeholder="2017年" readonly>
					<label class="yearClicksa"></label>
					<a class="times_top_g_a times_top_g_a_r yeara_add" href="javascript:void(0);">
						<cite></cite>
					</a>
					<div class="pop_years">
						<a class="pop_years_a pop_years_a_top yearo_jj" href="javascript:void(0);">
							<cite></cite>
						</a>
						<ul class="pop_years_lists">
							<li>2017年</li><li>2017年</li>
							<li>2017年</li><li>2017年</li>
							<li>2017年</li><li>2017年</li>
							<li>2017年</li><li>2017年</li>
							<li>2017年</li><li>2017年</li>
							<li>2017年</li><li>2017年</li>
							<li>2017年</li><li>2017年</li>
						</ul>
						<a class="pop_years_a pop_years_a_bottom yearo_add" href="javascript:void(0);">
							<cite></cite>
						</a>
					</div>
				</div>
				<div class="pop_times_top_g pop_times_top_me">
					<a class="times_top_g_a times_top_g_a_l montha_jj" href="javascript:void(0);">
						<cite></cite>
					</a>
					<input type="text" class="times_top_g_input monthClicksa" placeholder="01月" readonly>
					<label class="monthClicksa"></label>
					<a class="times_top_g_a times_top_g_a_r montha_add" href="javascript:void(0);">
						<cite></cite>
					</a>
					<div class="pop_months">
						<ul class="pop_months_lists">
							<li>01月</li><li>02月</li>
							<li>03月</li><li>04月</li>
							<li>05月</li><li>06月</li>
							<li>07月</li><li>08月</li>
							<li>09月</li><li>10月</li>
							<li>11月</li><li>12月</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="pop_times_con">
				<ul class="pop_times_con_title">
					<li>日</li>
					<li>一</li>
					<li>二</li>
					<li>三</li>
					<li>四</li>
					<li>五</li>
					<li>六</li>
				</ul>
				<ul class="pop_times_con_date">
				</ul>
			</div>
			<div class="pop_times_bottom">
				<div class="pop_times_bottom_tim">
					<ul class="tim_ul">
						<li class="tim_ul_title">时间</li>
						<li class="tim_ul_li_hr"><input class="tim_ul_li_hr_input" type="text" placeholder="00" value="00" readonly>:</li>
						<li class="tim_ul_li_me"><input class="tim_ul_li_me_input" type="text" placeholder="00" value="00" readonly>:</li>
						<li class="tim_ul_li_se"><input class="tim_ul_li_se_input" type="text" placeholder="00" value="00" readonly></li>
					</ul>
					<div class="timea_pops">
						<div class="timea_pops_title">
							<span>小时</span>
							<span class="closes_hr">×</span>
						</div>
						<div class="timea_pops_con">
							<ul class="timea_pops_con_ul">
								
							</ul>
						</div>
					</div>
					<div class="time_six_pop minuties_popas">
						<div class="time_six_pop_title">
							<span>分钟</span>
							<span class="closes_mo">×</span>
						</div>
						<div class="time_six_pop_con">
							<ul class="time_six_pop_con_ul">
								
							</ul>
						</div>
					</div>
					<div class="time_six_pop secends_popas">
						<div class="time_six_pop_title">
							<span>秒数</span>
							<span class="closes_mo">×</span>
						</div>
						<div class="time_six_pop_con">
							<ul class="time_six_pop_con_ul">
								
							</ul>
						</div>
					</div>
				</div>
				<div class="pop_times_bottom_btns">
					<a class="pop_times_bottom_btns_d" href="javascript:void(0);">清空</a>
					<a class="pop_times_bottom_btns_t" href="javascript:void(0);">今天</a>
					<a class="pop_times_bottom_btns_c" href="javascript:void(0);">确定</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
